
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>{$year}年文章各月份发布数量</title>
    </head>
    <body>
        <form action="{:U('Admin/Char/content')}" method="post">
        <select name="year">
            <option value="2013">2013年</option>
            <option  value="2014">2014年</option>
            <option value="2015">2015年</option>
            <option value="2016">2016年</option>
            <option value="2017">2017年</option>
        </select><input type="submit" value="查看其他年份"/>
        </form>
        <!--Step:2 Prepare a dom for ECharts which (must) has size (width & hight)-->
        <!--Step:2 为ECharts准备一个具备大小（宽高）的Dom-->
        <div id="main" style="height:400px;border:1px solid #ccc;padding:10px;margin-top: 10px;"></div>
    </body>
    <!--Step:1 Import echarts-plain.js or echarts-plain-map.js-->
    <!--Step:1 引入echarts-plain.js或者 echarts-plain-map.js-->
    <script src="__PUBLIC__/js/echarts-plain-map.js"></script>
    <script type="text/javascript">
                // Step:3 echarts & zrender as a Global Interface by the echarts-plain.js.
                // Step:3 echarts和zrender被echarts-plain.js写入为全局接口
                var myChart = echarts.init(document.getElementById('main'));
                myChart.setOption({
                 tooltip : {
                    trigger: 'axis'
                },
              
                title:{
                            text:'{$year}年文章各月份发布数量统计图',
                            subtext:'Power By Clmao',
                            x:'center',
                        },
                toolbox: {
                    show : true,
                    feature : {
                        mark : {show: true},
                        dataView : {show: true, readOnly: false},
                        magicType : {show: true, type: ['line', 'bar']},
                        restore : {show: true},
                        saveAsImage : {show: true}
                    }
                },
                calculable : true,
                xAxis : [
                    {
                        type : 'category',
                        data : ['全年','1月','2月','3月','4月','5月','6月','7月','8月','9月','10月','11月','12月']
                    }
                ],
                yAxis : [
                    {
                        type : 'value',
                        splitArea : {show : true}
                    }
                ],
                series : [
                    {
                        name:'文章发布数量',
                        type:'bar',
                        data:[{$all_year_num},<volist name="mouth" id="v">{$v},</volist>]
                    }
                  
                ]
                });


    </script>
</html>